<%-- 
    Document   : RRHH_HORARIOS_CARGOS
    Created on : 25-nov-2014, 19:32:42
    Author     : equipo_4
--%>

<%@page import="RRHH_Modelo.RHH_HORARIO"%>
<%@page import="java.util.List"%>
<%@page import="RRHH_Modelo.RHH_CARGO"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <h1 id="tituloFormulario">ASIGNACION DE HORARIOS A CARGOS</h1>
        <div style="margin-left: 20px; font-size: 16px; display: inline-block; float: left;">
            <ul>                
                <%
                    RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
                    Conexion con = new Conexion(usuario.getPASSWORD(), usuario.getPASSWORD());
                    
                    List<RHH_CARGO> lista = new RHH_CARGO(con).Todos();
                    
                    for (int i = 0; i < lista.size(); i++) 
                    {
                        out.print("<li><span onclick='abrirHorario("+lista.get(i).getID()+");'>"+lista.get(i).getDESCRIPCION()+"</span></li>");
                    }
                %>
            </ul>
        </div>
        <div id="panelhorario" style=" display:none ; float: left; margin-left: 20px; border: solid 1px #000; width: 70%;">
            <ul id="horarios">
                
            </ul>
        </div>
        <div id="popUpbackGround" onclick="salir();"></div>    
        <div class="popupg" id="horariospanelsito">                        
            <h1>Tipos Horarios</h1>
            <ul id="listahoras">
                <%
                    List<RHH_HORARIO> listah = new RHH_HORARIO(con).Todos();
                    for (int i = 0; i < listah.size(); i++) 
                    {
                        out.print("<li><span onclick='agregartipo("+listah.get(i).getID()+");'>"+listah.get(i).getDESCRIPCION()+" - "+listah.get(i).getHORA_INICIOSD()+" - "+listah.get(i).getHORA_FINSD()+"</span></li>");
                    }
                %>
            </ul>
        </div>
        <script type="text/javascript">
            var url = "../RRHH_HORARIOS_CARGOS_CONTROLLER";
            var idcargoact= 0;
            function abrirHorario(idcargo)
            {
                
                $.post(url,{evento:"generarHorarios",idcargo:idcargo},function (responsetext){
                    $("#horarios").html(responsetext);
                    $("#panelhorario").css("display","inline-block");
                    idcargoact=idcargo;
                });
            }
            
            function agregartipo(idhorario)
            {
                $.post(url,{evento:"agregarHorario",idhorario:idhorario, idcargo:idcargoact},function (responsetext){
                    $("#horarios").append(responsetext);
                    $("#horariospanelsito").css("display","none");
                    $("#popUpbackGround").css("display","none");
                });
            }
            
            function  addhorario()
            {                
                $("#popUpbackGround").css("display","block");
                $("#horariospanelsito").css("display","inline-block");
            }
            
            function  eliminarhorario(idhorario,idcargo,span)
            {                
                $.post(url,{evento:"eliminarHorario",idhorario:idhorario, idcargo:idcargo},function (responsetext){
                    if(responsetext=="true")
                    {
                        $(span).parent().remove();
                        $("#horariospanelsito").css("display","none");
                        $("#popUpbackGround").css("display","none");
                    }
                });
            }
            
            function  salir()
            {                
                $("#horariospanelsito").css("display","none");
                $("#popUpbackGround").css("display","none");
            }
            
        </script>
    </body>
</html>
